<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="redis" uri="http://www.shopjsp.com/redisTag/functions" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="basePath" value="${redis:getSysConfig('base_path_back')}"/>
<script type="text/javascript">
    /**
     * 自定义验证规则
     */
    function validateForm(){
        form.bootstrapValidator({
            message: "无效的值",
            feedbackIcons: {
                valid: "glyphicon glyphicon-ok",
                invalid: "glyphicon glyphicon-remove",
                validating: "glyphicon glyphicon-refresh"
            },
            fields: {
                name: {
                    validators: {
                        notEmpty: {message: "组名称不可为空"},
                        stringLength: {max: 20,message: "组名称最大长度为20"}
                    }
                }
            }
        });
    }

    /**
     * 添加粉丝分组
     */
    <shiro:hasPermission name="back_gotoFansGroupPage_add">
    function addInfo(){
        $("#myModalLabel").empty().text("添加粉丝分组");
        /**清空隐藏域的值**/
        $("#fansGroupId").val("");
        $("#publicNumberId").val("");
        $("#id").val("");
        $("#count").val("");
        $("#isValid").val("");
        $("#createTime").val("");
        resetAddForm();
    }
    </shiro:hasPermission>

    /**
     * 编辑粉丝分组
     */
    <shiro:hasPermission name="back_gotoFansGroupPage_update">
    function editInfo(){
        $("#myModalLabel").empty().text("修改粉丝分组");
        /**获取选中行的id**/
        var selectedRow= $("#tt").bootstrapTable('getSelections');
        if(selectedRow.length==1){
            var id=selectedRow[0].fansGroupId;
            $("#btn_edit").attr("data-target","#addOrEditModal");/**选中了记录后才可打开对应的模态框**/
            $.ajax({
                type: "POST",
                dataType: "JSON",
                url: "${basePath}/back/wx/fansGroup/getFansGroupObject.sjson",
                data: {fansGroupId:id},
                success: function(result){
                    var data = JSON.parse(result.data);
                    /**隐藏域**/
                    $("#fansGroupId").val(data.fansGroupId);
                    /**可见表单控件**/
                    $("#name").val(data.name);
                }
            });
        }else{
            $("#btn_edit").attr("data-target","");/**没有选中记录不可打开模态框**/
            showMsg("请选择一行记录！");
        }
    }
    </shiro:hasPermission>
</script>

<!--添加编辑模态框（Modal） -->
<div class="modal fade" id="addOrEditModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog" style="width:70%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h5 class="modal-title" id="myModalLabel"></h5>
            </div>
            <div class="modal-body">
                <form id="form1"  method="post" action="${basePath}/back/wx/fansGroup/saveOrUpdateFansGroup.sjson">
                    <input id="fansGroupId" type="hidden" name="fansGroupId" />
                    <input id="publicNumberId" type="hidden" name="publicNumberId" />
                    <input id="id" type="hidden" name="id" />
                    <input id="count" type="hidden" name="count" />
                    <input id="isValid" type="hidden" name="isValid" />
                    <input id="createTime" type="hidden" name="createTime" />
                    <table align="center" class="addOrEditTable table-bordered table" style="width:100%;">
                        <tr>
                            <td class="toright_td" width="150px"><span style="color:red">* </span>组名称:&nbsp;&nbsp;</td>
                            <td  class="toleft_td">
                                <div class="form-group">
                                    <input type="text" class="form-control input-sm" id="name" name="name" placeholder="请输入组名称"/>
                                </div>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" id="validateBtn" class="btn btn-primary"  onclick="submitForm()">保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>